@import '../../../../sass/variables.scss';
@import '../../../../sprites/sprite_commonIcon';
@import '../../../sprites/sprite_page_icons';
.transfer{
    .textInput{
        margin-right: 5px;
    }
    .grid_row {
        .row-label{
            width: 410px;
        }
        .row-content{
            margin-left: 410px;
        }
    }
    .transferBox{
        @include clfix;
        position: relative;
        width: 750px;
        margin: 0 auto 40px auto;
        border-bottom: 1px dashed $gray;
        padding: 40px 0;
        background: url(../../../images/transfer.png) no-repeat 260px center;

        .left,.right{
            float: left;
            width: 250px;
            .label{
                padding-left: 10px;
                color: $primary;
                line-height: 40px;
            }
            .info{
                clear: both;
                padding-top: 20px;
                padding-left: 10px;
            }
            .refresh{
                display: inline-block;
                margin-left: 10px;
                color: $primary;
                .icon{
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 1px;
                    @include sprite($refresh);
                }
            }
        }
        .right{
            float: right;
            .checked{
                background: $transfer_to;
            }
        }
        .centerIcon{
            position: absolute;
            left: 50%;
            top: 56px;
            margin-left: -42px;
            width: 84px;
            height: 84px;
        }
    }
    .fromAccount{
        position: relative;
        float: left;
        width: 145px;
        .checked{
            position: relative;
            height: 38px;
            line-height: 38px;
            background: $transfer_from;
            font-size: 22px;
            color: $white;
            border-radius: 3px;
            cursor: pointer;
        }
        .trangle{
            position: absolute;
            right: 10px;
            top: 15px;
            width: 0;
            height: 0;
            border: 5px solid $white;
            border-bottom: 0;
            border-color: $white $transfer_from $transfer_from $transfer_from;
        }
        .text{
            display: inline-block;
            padding-left: 10px;
        }
        .checkList{
            display: none;
            position: absolute;
            top: 35px;
            width: 100%;
            background: $transfer_from;
            a{
                display: block;
                padding-left: 10px;
                height: 38px;
                line-height: 38px;
                font-size: 22px;
                color: $white;
                border-top: 1px solid $white;
            }
        }
    }
    .accountNo{
        float: left;
        margin-left: 10px;
        height: 38px;
        line-height: 38px;
    }
    .acTips {
        margin: 0 20%;
    }
    .showy{
        font-size: 18px;
    }
}
.queryLoad{
    height: 250px;
    background: url(../../../images/loading.gif) no-repeat center;
}

.record{
    float: right;
    display: inline-block;
    margin-top: 10px;
    color: $primary;
    .icon{
        vertical-align: middle;
        display: inline-block;
        @include sprite($deposit);
    }
}
.tipBlock{
    clear: both;
    margin-top: 20px;
    padding: 10px 15px;
    background: $gray_bright;
    font-size: 14px;
    .label{
        color: $primary;
    }
    .icon{
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        @include sprite($tip);
    }
    ul{
        padding: 10px 5px;
    }
    li{
        list-style: outside decimal;
        margin: auto 19px 0 15px;
        line-height: 1.8;
        font-size: 12px;
        color: $text_muted;
    }
}